<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="keywords" content="jvm123,常用api,在线api,博客,常用工具,jvm123博客,开发参考文档"/>
    <meta name="description" content="jvm123常用在线api，这里汇集了许多常用的工具和api。Api的调用，使用标准的http请求，返回json格式的结果，可用于开发等。"/>
    <title>jvm123常用在线api添加页面-jvm123</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"/>
    <!-- Custom styles for this page -->
    <link href="../../static/css/admin.css" rel="stylesheet"/>
    <link href="../../static/css/common.css" rel="stylesheet"/>
</head>
<body>
<header>
    <div class="navbar navbar-dark bg-dark shadow-sm">
        <div class="container d-flex justify-content-between">
            <a href="http://blog.jvm123.com" class="navbar-brand d-flex align-items-center">
                <strong>Jvm123 Api</strong>
            </a>
            <nav class="my-2 my-md-0 mr-md-3">
                <a class="p-2 text-white" href="http://jvm123.com">jvm123博客</a>
                <a class="p-2 text-white" href="http://jvm123.com/tools">常用工具</a>
                <a class="p-2 text-white" href="http://jvm123.com/docs">开发参考文档</a>
                <a class="p-2 text-white" href="http://jvm123.com/liu-yan-ban">留言板</a>
            </nav>
        </div>
    </div>
</header>

<main role="main">
    <section class="jumbotron text-center">
        <div class="container">
            <h1 class="jumbotron-heading">jvm123常用在线api</h1>
            <p class="lead text-muted">
                jvm123常用在线api，这里汇集了许多常用的工具和api。Api的调用，使用标准的http请求，返回json格式的结果，可用于开发等。
            </p>
            <p>
                <a href="http://blog.jvm123.com/index.html" class="btn btn-primary my-2" style="margin: 2px !important;">在线 Api</a>
                <a href="http://jvm123.com" class="btn btn-secondary my-2">常用工具</a>
            </p>
        </div>
    </section>

    <div class="container">
        <!--
        <div th:each="api : ${apis}">
            <div class="item">
                <h4 th:text="${api.title}"></h4>
                <p th:text="${api.content}"></p>
                <p th:text="${api.exampleUrl}"></p>
                <p th:text="${api.docsUrl}"></p>
                <small class="text-muted" th:text="${api.createDate}"></small>
            </div>
        </div>
        -->
        <form action="#" th:action="@{/admin/api/add}" th:object="${apiEntity}" method="post">
            <div class="form-group">
                <label for="title">title:</label>
                <input id="title" class="form-control" type="text" th:field="*{title}" />
            </div>
            <div class="form-group">
                <label for="content">content:</label>
                <textarea id="content" class="form-control" th:field="*{content}" rows="4"></textarea>
            </div>
            <div class="form-group">
                <label for="exampleUrl">exampleUrl:</label>
                <input id="exampleUrl" class="form-control" type="text" th:field="*{exampleUrl}" />
            </div>
            <div class="form-group">
                <label for="docsUrl">docsUrl:</label>
                <input id="docsUrl" class="form-control" type="text" th:field="*{docsUrl}" />
            </div>
            <div class="form-group">
                <label for="author">author:</label>
                <input id="author" class="form-control" type="text" th:field="*{author}" />
            </div>
            <button class="btn btn-primary" type="submit">添加</button>
        </form>
    </div>

</main>

<footer class="text-muted">
    <div class="container">
        <p class="float-right">
            <a href="#">Back to top</a>
        </p>
        <p>版权归属于 © jvm123.com, but you can download and customize it for yourself!</p>
        <p>New to Jvm123.com? <a href="http://jvm123.com/">Visit the homepage</a>.</p>
    </div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
